<div class="page-content">
   
    <div    class="shop-header background_color_1">
       当前餐桌台号：{{tableInfo.name?tableInfo.name:'无'}}
    </div>
    <!-- 左边导 -->
    <div class='good-tabs tabs'>
      <div class="scroll_div">
         
          <div  v-for="(attr,idx) in tag_list" @click='showTabs(idx)' :class="idx==tabid?'li on':'li'" :data-id="idx">{{attr.name}}</div> 
          
      </div>  
    </div>
<!-- 右边商品 -->
     <div class="good-contents tab-contents">
      
              <div v-for="(attr,idx) in tag_list" :class="idx==tabid?'tab-content':'hidden'" >                                      
                  <!-- 商品列表开始 -->
                  <div class="goods-item-1" :data-attr_id="attr.id">                              
                                                    
                    <div class="goods-item" v-if="goods[attr.id]" v-for="(item,idx2) in goods[attr.id]">
                     <div class="goods-item-img"> <img mode='widthFix'  :src="item.default_img+'?imageView2/1/w/160/h/160'"/></div>
                     <div class="goods-item-info">
                          <div class="goods_title">{{item.goods_name}}</div>
                          <div class="light" >{{item.sub_title}}</div>
                          <div class="price s_left">¥ {{item.price}} </div>
<!-- 操作购物车 -->
                        <div class="s_right modify ">   

                          <i v-if="goods_in_cart[item.id]" class="icon iconfont icon-jianshao s_left" :data-id="goods_in_cart[item.id].idx" :data-goods_spec_id="goods_in_cart[item.id].goods_spec_id" :data-goods_id="goods_in_cart[item.id].goods_id"  @click='minus'></i>

                          <input v-if="goods_in_cart[item.id]" type="number"  @blur="changeCount" :data-goods_spec_id="goods_in_cart[item.id].goods_spec_id" :data-goods_id="goods_in_cart[item.id].id" class="s_left txt-count" :data-id="goods_in_cart[item.id].idx" :value="goods_in_cart[item.id].count" maxlength="2" /> 
                           
                          <i v-if="goods_in_cart[item.id]" class="icon iconfont icon-zengjia s_left plus" :data-id="goods_in_cart[item.id].idx" :data-goods_spec_id="goods_in_cart[item.id].goods_spec_id" :data-goods_id="goods_in_cart[item.id].goods_id"   @click='plus'></i>
                        
                          <i v-else class="icon iconfont icon-zengjia s_left plus" style="margin-top: 1px;" @click='buyNow(idx2,attr.id)'></i>
                      </div>
<!-- 操作购物车 -->
                     </div>
                     <div class="clear"></div>  
                 </div>
                 <!-- 商品列表结束-->
                   
                  </div>
                 <div style='height:100px'></div>
              </div>
 
      </div>
      <!-- 结束商品 -->

      <!-- 购物车 -->
      <div style="height: 50px"></div>
<div class="goods-bottom background_color_3 color_3">
      
        <div class="icon iconfont icon-03 cart" @click="show_popup">
        <i class="icon iconfont icon-qicheqianlian-1-copy"></i>
        <span class="background_color_1 color_1 cartAll"  v-if="shoppingCartList.count>0">{{shoppingCartList.count}}</span> </div>
      
    <div class="goods-bottom-left"> <div style="line-height: 45px" v-if="shoppingCartList.total_price>0"> 合计：¥ <span id="priceAll">{{shoppingCartList.total_price}}</span> </div> </div>
   
    <div :class="shoppingCartList.next ? 'goods-bottom-right btn2': 'goods-bottom-right btn2 disabled'" @click="settle_accounts">{{shoppingCartList.nextText?shoppingCartList.nextText:'loading...'}}</div>

</div>


<!--购物车列表  -->
   <div @click='btn_cancel' :class="popup==1?'popupBg':'popupHide'"></div>
 <div   :class="popup==1?'shopping-cart popup modal-in' :'popupHide'" style='max-height:80%'>
   <div class="title">
      <span class="s_left buy-title">购物车</span>
      <span class="dishes s_right" @click='clearCart'>清空购物车</span>
    </div>
   <div class="order-list" >
        
      <div class="ul" style="height: auto; overflow: visible;padding-bottom: 20px;">
          <div v-for="(items,idx) in shoppingCartList.tableCartList" >
          <div class="user">
             <img :src="items.user.avatarUrl">
             <p>{{items.user.nickname}}</p>
             <div class="clear"></div>
          </div>
          <!-- 商品列表 -->
          <div v-for="(item,idx) in items.list" >
             <div class="li clearfix" >  
             <div class="s_left na ">  
                 {{item.goods_name}}
            </div>

           <div class="s_left modify ">   
                <i class="icon iconfont icon-jianshao s_left" :data-id="idx" :data-goods_spec_id="item.goods_spec_id" :data-goods_id="item.goods_id"  @click='minus'></i>
                <input type="number" catchtap="edit" @blur="changeCount" :data-goods_spec_id="item.goods_spec_id" :data-goods_id="item.goods_id"  class="s_left txt-count" :data-id="idx" :value="item.count" maxlength="2" />  
                <i class="icon iconfont icon-zengjia s_left" style="margin-top: 1px;" :data-id="idx" :data-goods_spec_id="item.goods_spec_id" :data-goods_id="item.goods_id"  @click='plus'></i>
            </div>

            <div class="s_right pri ">    <span>¥{{item.price}}</span>  </div> 
            <div class='clear'></div>
            <div v-if="item.attrs" class="na-attr">{{item.attrs}}</div>  
            </div>
           </div>
 <!-- 商品列表 -->
          </div>
        </div>
          <div class="other-charge">
           
            
            <div v-for="charge in shoppingCartList.other_charge" class="clearfix packing-cost">
              <span class="s_left">{{charge.name}}</span>
              <span class="s_right boxtotalprice">{{charge.showPrice}}</span>
            </div>
            
          </div>
        </div>
</div>
<!--购物车列表  -->

 <!--选规格弹出层-->
   <div @click='hide_choose_goods' :class="popup2==1?'popupBg':'popupHide'"></div>
  <div :class="popup2==1?'popup modal-in':'popupHide'" style='max-height:80%;background: #fff;'>
  
   <div class="goodsItemBox">
      <img  style='    float: left;width: 80px;' :src='data.default_img+"?imageMogr2/thumbnail/200x"' ></img>
       <div class='goods-info' style="padding-top: 0px">
        <div class="title">{{data.goods_name}}</div>
        <div class="goods-price">¥<span class='price'>{{choose_spec.spec_price?choose_spec.spec_price:data.price}}</span></div>
        </div>
        <div class="clear"></div>
        <div class="line"></div>
   </div>
   <div scroll-y class="choose_goods_items">
   
    <div class="spec-box" v-for="(property,idx) in data.property_arr">
     <div class='spec-name'>{{property.name}}：</div>
      <div class="spec-sub-list mgt10">
         <div v-for="(sub_property,idx2) in property.sub"  class='spec-sub-name {{choose_property_data[property.name]==sub_property.text?"on":""}}' data-property="{{property.name}}" data-sub-property="{{sub_property.text}}" @click='chooseProperty'>{{sub_property.text}}</div>
     <div class='clear'></div>
     </div>
    </div>
 
   </div>
  <div class='buyNow mgt10'>
   <div  :class="disabled?'btn btn2 disabled':'btn btn2'" @click='buyNow(-1,-1)' style="    width: 100%;" >加入购物车</div>
   </div>
  
  </div>
  <!--弹出层-->

 
 

</div>